<template>
  <div>
    <vxe-button-group mode="text" :options="btnList"></vxe-button-group>
    <vxe-button-group mode="button" :options="btnList2"></vxe-button-group>
  </div>
</template>

<script>
export default {
  data () {
    return {
      btnList: [
        { content: '配置式按钮1', status: 'warning', name: 1 },
        { content: '配置式按钮1', status: 'success', name: 2 },
        { content: '配置式按钮1', status: 'danger', name: 3 }
      ],
      btnList2: [
        { content: '配置式按钮2', status: 'warning', name: 1 },
        { content: '配置式按钮2', status: 'success', name: 2 },
        { content: '配置式按钮2', status: 'danger', name: 3 }
      ]
    }
  }
}
</script>